<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
	<title>详细信息</title>
	<link rel="stylesheet" href="../jquery/jquery.mobile-1.0a4.1.min.css" />
	 <link rel="stylesheet" href="../css/site_style.css"/>
	<script type="text/javascript" src="../jquery/jquery-1.5.2.min.js"></script>
	<script type="text/javascript" src="../jqueryui/jquery-ui-1.8.11.custom.min.js"></script>
	<script type="text/javascript" src="../jquery/jquery.mobile-1.0a4.1.min.js"></script>
	<script  src="site_detail.js"></script>
	<script charset="utf-8" src="http://s.map.qq.com/api/js/beta/v2.1/QQMapAPI.js"></script>	
	<style media="screen" type="text/css">
	#map {
		width: 100%;		height: 200px;
	}
	</style>
  

</head> 
<body onload="init()">
<div data-role="page">

	<div  data-role="header" data-theme="c">
		<h2>详细信息</h2>
		<a  onclick="location ='../index.action'" data-role="button" data-icon="home" data-iconpos="notext" style="margin: 2px;" >回退</a>
		<a  onclick="location='order.action'" data-icon="Plus" data-iconpos="notext" data-role="button" style="margin: 2px;float: right;" >预定</a>
	</div><!-- /header -->

	<div data-role="content" data-theme="e">
	
		<ul data-role="listview" data-inset="true" class="ui-listview ui-listview-inset ui-corner-all ui-shadow">
			<li class="ui-li ui-li-static ui-body-c ui-corner-top">
			    <h3 class="ui-li-heading">站点名字</h3> 
				<p class="ui-li-desc"><strong><s:property value="site.siteName"/></strong></p> 
			</li>
			
			
		 <li class="ui-li ui-li-static ui-body-c ui-corner-top">
		 		 <h3 class="ui-li-heading"> 站点类别</h3> 
				 <p class="ui-li-desc"><strong><s:property value="site.category.categoryName"/></strong></p> 
		 </li>
		  <li class="ui-li ui-li-static ui-body-c ui-corner-top">
		 		 <h3 class="ui-li-heading"> 站点描述</h3> 
				 <p class="ui-li-desc"><strong><s:property value="site.siteDesc"/></strong></p> 
		 </li>
		  <li class="ui-li ui-li-static ui-body-c ui-corner-top">
		 		 <h3 class="ui-li-heading">地址</h3> 
				 <p class="ui-li-desc"><strong><s:property value="site.address"/></strong></p> 
		 </li>
		  <%-- <li class="ui-li ui-li-static ui-body-c ui-corner-top">
		 		 <h3 class="ui-li-heading">联系人</h3> 
				 <p class="ui-li-desc"><strong><s:property value="site.contactName"/></strong></p> 
		 </li> --%>
		 <li class="ui-li ui-li-static ui-body-c ui-corner-top">
		 		 <h3 class="ui-li-heading">联系电话</h3> 
				 <p class="ui-li-desc"><strong><s:property value="site.tel"/></strong></p> 
		 </li>
		 
		 <%-- <li class="ui-li ui-li-static ui-body-c ui-corner-top">
		 		 <h3 class="ui-li-heading">网址</h3> 
				 <p class="ui-li-desc"><strong><s:property value="site.webSite"/></strong></p> 
		 </li> 
		 --%>
			
		<li class="ui-li ui-li-static ui-body-c ui-corner-top">站点的位置:</li>
		
				<div>
				  <input type="hidden" name="lat" id="lat" value='<s:property value="site.lat"/>' />
				  <input type="hidden" name="lng" id="lng" value='<s:property value="site.lng"/>' />
				  <div id="map"></div>
				</div>
			  
			
		</ul>
		
	</div><!-- /content -->
</div><!-- /page -->

</body>
</html>
